2. css sprites

• 原理：

  css sprite又叫css精灵/雪碧图，是把网页中的一些背景图整合到一张图片中，再通过background-position属性进行图片定位。

• 优点：

• 减少http请求，提高页面加载速度
• 风格更换方便，只需要修改一张图片就可以改变整个网页的风格
• 命名简单，只需要给一张整合的图片命名即可

• 缺点：

• 定位繁琐，需要精确计算图片大小和图片位置
• 维护麻烦，修改一个地方可能需要重新布局整张图片、样式
• 宽屏、高分屏下的自适应页面，如果图片宽度不够，可能会出现背景断裂的现象